<!--反馈列表-->
<template>
  <div class="feedbacklist">
    <van-row
      @click="linkContent(item)"
      class="feedbacklist-row"
      v-for="(item,index) in noticeInfo"
      :key="index"
    >
      <van-col span="24">
        <p class="title" :class="{'news-label': item.isNews == 0}">{{item.title}}</p>
        <p class="describe">
          <label>反馈对象：{{item.bm}}</label>
          <label style="margin-left:20px">反馈时间：{{item.date}}</label>
        </p>
      </van-col>
    </van-row>
    <div class="buttom-footer">
      <van-button @click="linkSendFeedback" color="#704485" size="large">我要反馈</van-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      noticeInfo: [
        {
          id: 1,
          title: "关于我校2017-2018年<本科教",
          content: "[科技处1]关于推荐申报2017年度华夏建设科学 技术奖的通知",
          date: "2018-07-02",
          bm: "教务处",
          isNews: 0 // 最新未读 0未读  1已读
        },
        {
          id: 2,
          title: "关于我校2017-2018年<本科教学质量报告本科教学质量报告>",
          content: "[人事处]关于推荐申报2017年度华夏建设科学 技术奖的通知",
          date: "2018-07-23",
          bm: "教务处",
          isNews: 1 // 最新未读
        },
        {
          id: 3,
          title: "关于我校2017-2018年",
          content:
            "[科技处]关于推荐申报2017年度华夏建设科学 技术奖的通知技术奖的通知",
          date: "2018-07-03",
          bm: "教务处",
          isNews: 0 // 最新未读
        },
        {
          id: 4,
          title: "关于我校2017-2018年<本科教学质量报告本科教学质量报告>",
          content: "[人事处]关于推荐申报2017年度华夏建设科学 技术奖的通知",
          date: "2018-03-04",
          bm: "教务处",
          isNews: 0 // 最新未读
        },
        {
          id: 4,
          title: "关于我校2017-2018年<本科教学质量报告本科教学质量报告>",
          content: "[人事处]关于推荐申报2017年度华夏建设科学 技术奖的通知",
          date: "2018-09-04",
          bm: "教务处",
          isNews: 2 // 最新未读
        }
      ]
    };
  },
  methods: {
    //   前往我要反馈
    linkSendFeedback() {
      this.$router.push("sendfeedback");
    },
    //   前往反馈详情页面
    linkContent(item) {
      this.$router.push({
          path:'feedbackcontent',
          
      });
    }
  }
};
</script>
<style lang="less" scoped>
.feedbacklist {
  .feedbacklist-row {
    margin: 5px;
    border-bottom: 1px solid #eeeeee;
    padding: 5px;
    position: relative;
    .title {
      font-size: 14px;
      position: relative;
      font-weight: 700;
      padding-right: 12px;
    }
    .describe {
      font-size: 12px;
      color: #88808e;
      margin: 5px 0;
    }
  }
  .buttom-footer {
    padding: 5px;
    .van-button__text {
      color: #fff;
    }
  }
}
// 最新标签
.news-label {
  &::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    background: url("../../../assets/images/info-news.png") no-repeat;
    background-size: 100% 100%;
  }
}
</style>